﻿<html xmlns:wb="http://open.weibo.com/wb"  xmlns:th="http://www.thymeleaf.org">
<head>
    <script th:src="@{/static/js/analytics.js}" async="" src="../static/js/analytics.js"></script>
    <script type="text/javascript" async="" th:src="@{/static/js/conversion.js}" src="../static/js/conversion.js"></script>
    <script th:src="@{/static/js/allmobilize.min.js}" src="../static/js/allmobilize.min.js" charset="utf-8" id="allmobilize"></script>
    <style type="text/css"></style>
    <meta content="no-siteapp" http-equiv="Cache-Control">
    <link media="handheld" rel="alternate">
    <!-- end 云适配 -->
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>web前端开发-国馆-拉勾网-最专业的互联网招聘平台</title>
    <meta content="23635710066417756375" property="qc:admins">
    <meta name="description" content="web前端开发 广州 大专 3-5年 全职 前端开发 高薪高福利，良好办公空间 国馆 广东国馆酒业有限公司 让文化温暖人心 拉勾网-最专业的互联网招聘平台">
    <meta name="keywords" content="web前端开发 广州 大专 3-5年 全职 前端开发 高薪高福利，良好办公空间 国馆 广东国馆酒业有限公司 让文化温暖人心 拉勾网-最专业的互联网招聘平台">
    <meta content="QIQ6KC1oZ6" name="baidu-site-verification">

    <!-- <div class="web_root"  style="display:none">http://www.lagou.com</div> -->
    <script type="text/javascript">
        var ctx = "http://www.lagou.com";
        console.log(1);
    </script>
    <link href="images/favicon.ico" rel="Shortcut Icon">
    <link th:href="@{/static/css/style.css}" href="../static/css/style.css" type="text/css" rel="stylesheet">
    <link th:href="@{/static/css/external.min.css/static/css/external.min.css}" href="../static/css/external.min.css" type="text/css" rel="stylesheet">
    <link th:href="@{/static/css/popup.css}" href="../static/css/popup.css" type="text/css" rel="stylesheet">
    <script th:href="@{/static/js/jquery.1.10.1.min.js}" type="text/javascript" src="../static/js/jquery.1.10.1.min.js"></script>
    <script th:src="@{/static/js/jquery.lib.min.js}" src="../static/js/jquery.lib.min.js" type="text/javascript"></script>
    <script th:src="@{/static/js/ajaxfileupload.js}" type="text/javascript" src="../static/js/ajaxfileupload.js"></script>
    <script type="text/javascript" th:src="@{/static/js/jquery-hbzx.js}" src="../static/js/jquery-hbzx.js"></script>
    <!--[if lte IE 8]>
    <script type="text/javascript" th:src="@{/static/js/excanvas.js}" src="../static/js/excanvas.js"></script>
    <![endif]-->
    <script type="text/javascript">
        var youdao_conv_id = 271546;
    </script>
    <script th:src="@{/static/js/conv.js}" src="../static/js/conv.js" type="text/javascript"></script>
    <script th:src="@{/static/js/ajaxCross.json}"  src="../static/js/ajaxCross.json" charset="UTF-8"></script>
    <style type="text/css">.BMap_mask {
        background: transparent url(../static/images/img/blank.gif);
    }

    .BMap_noscreen {
        display: none;
    }

    .BMap_button {
        cursor: pointer;
    }

    .BMap_zoomer {
        background-image: url(../static/images/img/mapctrls1d3.gif);
        background-repeat: no-repeat;
        overflow: hidden;
        font-size: 1px;
        position: absolute;
        width: 7px;
        height: 7px;
    }

    .BMap_stdMpCtrl div {
        position: absolute;
    }

    .BMap_stdMpPan {
        width: 44px;
        height: 44px;
        overflow: hidden;
        background: url(../static/images/img/mapctrls2d0.png) no-repeat;
    }

    .BMap_ie6 .BMap_stdMpPan {
        background: none;
    }

    .BMap_ie6 .BMap_smcbg {
        left: 0;
        width: 44px;
        height: 464px;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="style/images/img/mapctrls2d0.png");
    }

    .BMap_ie6 .BMap_stdMpPanBg {
        z-index: -1;
    }

    .BMap_stdMpPan .BMap_button {
        height: 15px;
        width: 15px;
    }

    .BMap_panN, .BMap_panW, .BMap_panE, .BMap_panS {
        overflow: hidden;
    }

    .BMap_panN {
        left: 14px;
        top: 0;
    }

    .BMap_panW {
        left: 1px;
        top: 12px;
    }

    .BMap_panE {
        left: 27px;
        top: 12px;
    }

    .BMap_panS {
        left: 14px;
        top: 25px;
    }

    .BMap_stdMpZoom {
        top: 45px;
        overflow: hidden;
    }

    .BMap_stdMpZoom .BMap_button {
        width: 22px;
        height: 21px;
        left: 12px;
        overflow: hidden;
        background-image: url(../static/images/img/mapctrls2d0.png);
        background-repeat: no-repeat;
        z-index: 10;
    }

    .BMap_ie6 .BMap_stdMpZoom .BMap_button {
        background: none;
    }

    .BMap_stdMpZoomIn {
        background-position: 0 -221px;
    }

    .BMap_stdMpZoomOut {
        background-position: 0 -265px;
    }

    .BMap_ie6 .BMap_stdMpZoomIn div {
        left: 0;
        top: -221px;
    }

    .BMap_ie6 .BMap_stdMpZoomOut div {
        left: 0;
        top: -265px;
    }

    .BMap_stdMpType4 .BMap_stdMpZoom .BMap_button {
        left: 0;
        overflow: hidden;
        background: -webkit-gradient(linear, 50% 0, 50% 100%, from(rgba(255, 255, 255, 0.85)), to(rgba(217, 217, 217, 0.85)));
        z-index: 10;
        -webkit-border-radius: 22px;
        width: 34px;
        height: 34px;
        border: 1px solid rgba(255, 255, 255, 0.5);
        -webkit-box-shadow: 0 2px 3.6px #CCC;
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-box-pack: center;
        -webkit-box-sizing: border-box;
    }

    .BMap_stdMpType4 .BMap_smcbg {
        position: static;
        background: url(../static/images/img/mapctrls2d0_mb.png) 0 0 no-repeat;
        -webkit-background-size: 24px 32px;
    }

    .BMap_stdMpType4 .BMap_stdMpZoomIn {
        background-position: 0 0;
    }

    .BMap_stdMpType4 .BMap_stdMpZoomIn .BMap_smcbg {
        width: 24px;
        height: 24px;
        background-position: 0 0;
    }

    .BMap_stdMpType4 .BMap_stdMpZoomOut {
        background-position: 0 0;
    }

    .BMap_stdMpType4 .BMap_stdMpZoomOut .BMap_smcbg {
        width: 24px;
        height: 6px;
        background-position: 0 -25px;
    }

    .BMap_stdMpSlider {
        width: 37px;
        top: 18px;
    }

    .BMap_stdMpSliderBgTop {
        left: 18px;
        width: 10px;
        overflow: hidden;
        background: url(../static/images/img/mapctrls2d0.png) no-repeat -23px -226px;
    }

    .BMap_stdMpSliderBgBot {
        left: 19px;
        height: 8px;
        width: 10px;
        top: 124px;
        overflow: hidden;
        background: url(../static/images/img/mapctrls2d0.png) no-repeat -33px bottom;
    }

    .BMap_ie6 .BMap_stdMpSliderBgTop, .BMap_ie6 .BMap_stdMpSliderBgBot {
        background: none;
    }

    .BMap_ie6 .BMap_stdMpSliderBgTop div {
        left: -23px;
        top: -226px;
    }

    .BMap_ie6 .BMap_stdMpSliderBgBot div {
        left: -33px;
        bottom: 0;
    }

    .BMap_stdMpSliderMask {
        height: 100%;
        width: 24px;
        left: 10px;
        cursor: pointer;
    }

    .BMap_stdMpSliderBar {
        height: 11px;
        width: 19px;
        left: 13px;
        top: 80px;
        overflow: hidden;
        background: url(../static/images/img/mapctrls2d0.png) no-repeat 0 -309px;
    }

    .BMap_stdMpSliderBar.h {
        background: url(../static/images/img/mapctrls2d0.png) no-repeat 0 -320px;
    }

    .BMap_ie6 .BMap_stdMpSliderBar, .BMap_ie6 .BMap_stdMpSliderBar.h {
        background: none;
    }

    .BMap_ie6 .BMap_stdMpSliderBar div {
        top: -309px;
    }

    .BMap_ie6 .BMap_stdMpSliderBar.h div {
        top: -320px;
    }

    .BMap_zlSt, .BMap_zlCity, .BMap_zlProv, .BMap_zlCountry {
        position: absolute;
        left: 34px;
        height: 21px;
        width: 28px;
        background-image: url(../static/images/img/mapctrls2d0.png);
        background-repeat: no-repeat;
        font-size: 0;
        cursor: pointer;
    }

    .BMap_ie6 .BMap_zlSt, .BMap_ie6 .BMap_zlCity, .BMap_ie6 .BMap_zlProv, .BMap_ie6 .BMap_zlCountry {
        background: none;
        overflow: hidden;
    }

    .BMap_zlHolder {
        display: none;
        position: absolute;
        top: 0;
    }

    .BMap_zlHolder.hvr {
        display: block;
    }

    .BMap_zlSt {
        background-position: 0 -380px;
        top: 21px;
    }

    .BMap_zlCity {
        background-position: 0 -401px;
        top: 52px;
    }

    .BMap_zlProv {
        background-position: 0 -422px;
        top: 76px;
    }

    .BMap_zlCountry {
        background-position: 0 -443px;
        top: 100px;
    }

    .BMap_ie6 .BMap_zlSt div {
        top: -380px;
    }

    .BMap_ie6 .BMap_zlCity div {
        top: -401px;
    }

    .BMap_ie6 .BMap_zlProv div {
        top: -422px;
    }

    .BMap_ie6 .BMap_zlCountry div {
        top: -443px;
    }

    .BMap_stdMpType1 .BMap_stdMpSlider, .BMap_stdMpType2 .BMap_stdMpSlider, .BMap_stdMpType3 .BMap_stdMpSlider, .BMap_stdMpType4 .BMap_stdMpSlider, .BMap_stdMpType2 .BMap_stdMpZoom, .BMap_stdMpType3 .BMap_stdMpPan, .BMap_stdMpType4 .BMap_stdMpPan {
        display: none;
    }

    .BMap_stdMpType3 .BMap_stdMpZoom {
        top: 0;
    }

    .BMap_stdMpType4 .BMap_stdMpZoom {
        top: 0;
    }

    .BMap_cpyCtrl a {
        font-size: 11px;
        color: #7979CC;
    }

    .BMap_scaleCtrl {
        height: 23px;
        overflow: hidden;
    }

    .BMap_scaleCtrl div.BMap_scaleTxt {
        font-size: 11px;
        font-family: Arial, sans-serif;
    }

    .BMap_scaleCtrl div {
        position: absolute;
        overflow: hidden;
    }

    .BMap_scaleHBar img, .BMap_scaleLBar img, .BMap_scaleRBar img {
        position: absolute;
        width: 37px;
        height: 442px;
        left: 0;
    }

    .BMap_scaleHBar {
        width: 100%;
        height: 5px;
        font-size: 0;
        bottom: 0;
    }

    .BMap_scaleHBar img {
        top: -437px;
        width: 100%;
    }

    .BMap_scaleLBar, .BMap_scaleRBar {
        width: 3px;
        height: 9px;
        bottom: 0;
        font-size: 0;
        z-index: 1;
    }

    .BMap_scaleLBar img {
        top: -427px;
        left: 0;
    }

    .BMap_scaleRBar img {
        top: -427px;
        left: -5px;
    }

    .BMap_scaleLBar {
        left: 0;
    }

    .BMap_scaleRBar {
        right: 0;
    }

    .BMap_scaleTxt {
        text-align: center;
        width: 100%;
        cursor: default;
        line-height: 18px;
    }

    .BMap_omCtrl {
        background-color: #fff;
        overflow: hidden;
    }

    .BMap_omOutFrame {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .BMap_omInnFrame {
        position: absolute;
        border: 1px solid #999;
        background-color: #ccc;
        overflow: hidden;
    }

    .BMap_omMapContainer {
        position: absolute;
        overflow: hidden;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .BMap_omViewMv {
        border-width: 1px;
        border-style: solid;
        border-left-color: #84b0df;
        border-top-color: #adcff4;
        border-right-color: #274b8b;
        border-bottom-color: #274b8b;
        position: absolute;
        z-index: 600;
    }

    .BMap_omViewInnFrame {
        border: 1px solid #3e6bb8;
    }

    .BMap_omViewMask {
        width: 1000px;
        height: 1000px;
        position: absolute;
        left: 0;
        top: 0;
        background-color: #68c;
        opacity: .2;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
    }

    .BMap_omBtn {
        height: 13px;
        width: 13px;
        position: absolute;
        cursor: pointer;
        overflow: hidden;
        background: url(../static/images/img/mapctrls1d3.gif) no-repeat;
        z-index: 1210;
    }

    .anchorBR .BMap_omOutFrame {
        border-top: 1px solid #999;
        border-left: 1px solid #999;
    }

    .quad4 .BMap_omBtn {
        background-position: -26px -27px;
    }

    .quad4 .BMap_omBtn.hover {
        background-position: 0 -27px;
    }

    .quad4 .BMap_omBtn.BMap_omBtnClosed {
        background-position: -39px -27px;
    }

    .quad4 .BMap_omBtn.BMap_omBtnClosed.hover {
        background-position: -13px -27px;
    }

    .anchorTR .BMap_omOutFrame {
        border-bottom: 1px solid #999;
        border-left: 1px solid #999;
    }

    .quad1 .BMap_omBtn {
        background-position: -39px -41px;
    }

    .quad1 .BMap_omBtn.hover {
        background-position: -13px -41px;
    }

    .quad1 .BMap_omBtn.BMap_omBtnClosed {
        background-position: -26px -41px;
    }

    .quad1 .BMap_omBtn.BMap_omBtnClosed.hover {
        background-position: 0 -41px;
    }

    .anchorBL .BMap_omOutFrame {
        border-top: 1px solid #999;
        border-right: 1px solid #999;
    }

    .quad3 .BMap_omBtn {
        background-position: -27px -40px;
    }

    .quad3 .BMap_omBtn.hover {
        background-position: -1px -40px;
    }

    .quad3 .BMap_omBtn.BMap_omBtnClosed {
        background-position: -40px -40px;
    }

    .quad3 .BMap_omBtn.BMap_omBtnClosed.hover {
        background-position: -14px -40px;
    }

    .anchorTL .BMap_omOutFrame {
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
    }

    .quad2 .BMap_omBtn {
        background-position: -40px -28px;
    }

    .quad2 .BMap_omBtn.hover {
        background-position: -14px -28px;
    }

    .quad2 .BMap_omBtn.BMap_omBtnClosed {
        background-position: -27px -28px;
    }

    .quad2 .BMap_omBtn.BMap_omBtnClosed.hover {
        background-position: -1px -28px;
    }

    .anchorR .BMap_omOutFrame {
        border-bottom: 1px solid #999;
        border-left: 1px solid #999;
        border-top: 1px solid #999;
    }

    .anchorL .BMap_omOutFrame {
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
        border-top: 1px solid #999;
    }

    .anchorB .BMap_omOutFrame {
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        border-right: 1px solid #999;
    }

    .anchorT .BMap_omOutFrame {
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
        border-left: 1px solid #999;
    }

    .anchorNon .BMap_omOutFrame, .withOffset .BMap_omOutFrame {
        border: 1px solid #999;
    }

    .BMap_zoomMask0, .BMap_zoomMask1 {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: transparent url(../static/images/img/blank.gif);
        z-index: 1000;
    }

    .BMap_contextMenu {
        position: absolute;
        border-top: 1px solid #adbfe4;
        border-left: 1px solid #adbfe4;
        border-right: 1px solid #8ba4d8;
        border-bottom: 1px solid #8ba4d8;
        padding: 0;
        margin: 0;
        width: auto;
        visibility: hidden;
        background: #fff;
        z-index: 10000000;
    }

    .BMap_cmShadow {
        position: absolute;
        background: #000;
        opacity: .3;
        filter: alpha(opacity=30);
        visibility: hidden;
        z-index: 9000000;
    }

    div.BMap_cmDivider {
        border-bottom: 1px solid #adbfe4;
        font-size: 0;
        padding: 1px;
        margin: 0 6px;
    }

    div.BMap_cmFstItem {
        margin-top: 2px;
    }

    div.BMap_cmLstItem {
        margin-bottom: 2px;
    }

    .BMap_shadow img {
        border: 0 none;
        margin: 0;
        padding: 0;
        height: 370px;
        width: 1144px;
    }

    .BMap_pop .BMap_top {
        border-top: 1px solid #ababab;
        background-color: #fff;
    }

    .BMap_pop .BMap_center {
        border-left: 1px solid #ababab;
        border-right: 1px solid #ababab;
        background-color: #fff;
    }

    .BMap_pop .BMap_bottom {
        border-bottom: 1px solid #ababab;
        background-color: #fff;
    }

    .BMap_shadow, .BMap_shadow img, .BMap_shadow div {
        -moz-user-select: none;
        -webkit-user-select: none;
    }

    .BMap_checkbox {
        background: url(../static/images/img/mapctrls1d3.gif);
        vertical-align: middle;
        display: inline-block;
        width: 11px;
        height: 11px;
        margin-right: 4px;
        background-position: -14px 90px;
    }

    .BMap_checkbox.checked {
        background-position: -2px 90px;
    }

    .BMap_pop .BMap_top img, .BMap_pop .BMap_center img, .BMap_pop .BMap_bottom img {
        display: none;
    }

    @media print {
        .BMap_noprint {
            display: none;
        }

        .BMap_noscreen {
            display: block;
        }

        .BMap_mask {
            background: none;
        }

        .BMap_pop .BMap_top img, .BMap_pop .BMap_center img, .BMap_pop .BMap_bottom img {
            display: block;
        }
    }

    .BMap_vectex {
        cursor: pointer;
        width: 11px;
        height: 11px;
        position: absolute;
        background-repeat: no-repeat;
        background-position: 0 0;
    }

    .BMap_vectex_nodeT {
        background-image: url(../static/images/img/nodeT.gif);
    }

    .BMap_vectex_node {
        background-image: url(../static/images/img/node.gif);
    }

    .iw {
        width: 100%;
        -webkit-box-sizing: border-box;
        border: .3em solid transparent;
        -webkit-background-clip: padding;
    }

    .iw_rt {
        position: relative;
        height: 46px;
        width: 195px;
        -webkit-box-sizing: border-box;
        display: -webkit-box;
        -webkit-box-align: center;
        margin: 2px 5px 0 2px;
        background-color: rgba(0, 0, 0, 0.8);
        -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 2px;
        color: #fff;
    }

    .iw_rt:after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: -8px;
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-top: 8px solid rgba(0, 0, 0, 0.8);
        border-right: 5px solid transparent;
        margin: 0 0 0 -6px;
    }

    .iw_s {
        text-align: center;
        vertical-align: middle;
        height: 100%;
        -webkit-box-sizing: border-box;
    }

    .iw_rt .iw_s1 {
        color: #cbcbcb;
    }

    .iw_rt b {
        color: #fff;
        font-weight: bold;
    }

    .iw_rt_gr {
        margin-left: -4px;
    }

    .iw_busline {
        margin: 32px 0 0 -3px;
    }

    .iw_busline .iw_cc {
        text-align: center;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 0 6px;
    }

    .iw_r {
        -webkit-box-ordinal-group: 3;
    }

    .iw_r, .iw_l {
        height: 100%;
        font-size: 4.5em;
        text-align: center;
        color: #747474;
        border: none;
        -webkit-box-sizing: border-box;
        -webkit-border-radius: 0;
        line-height: .7em;
        border: 1px solid rgba(255, 255, 255, 0.2);
        width: 41px;
    }

    .iw_r {
        border-style: none none none solid;
    }

    .iw_l {
        border-style: none solid none none;
    }

    .iw_search, .iw_l {
        background: url("../static/images/img/u20LgruGtNFM8lqnNtfK2JqN3CVeW1gzWj9jThd0xd59R8BBgAAiefGO1Bt1gAAAABJRU5ErkJggg==") no-repeat 50% 50%;
        -webkit-background-size: 19px 19px;
    }

    .iw_line_s, .iw_r {
        background: url("../static/images/img/wCKLRHq20vjSoVNKWunH4rTBDv5Cv7NKeKfvvU2nINzHAuexzUA7KQTkoB6UxDicKvcqfQQYABaiUBxugCsr20AAAAAElFTkSuQmCC") no-repeat 50% 50%;
        -webkit-background-size: 19px 19px;
    }

    .iw_line {
        height: 64px;
        width: 228px;
        padding: 0 11px;
        line-height: 20px;
    }

    .iw_bustrans .iw_cc {
        text-align: center;
    }

    .iw_c {
        color: #FFFFFF;
        text-decoration: none;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-align: center;
        -webkit-box-flex: 1;
    }

    .iw_cc {
        -webkit-box-sizing: border-box;
        width: 100%;
        border: none;
    }

    .gray_background {
        filter: alpha(opacity=50);
        -moz-opacity: 0.5;
        -khtml-opacity: 0.5;
        opacity: 0.5
    }

    .light_gray_background {
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        -khtml-opacity: 0.7;
        opacity: 0.7
    }

    .panoInfoBox {
        cursor: pointer;
    }

    .panoInfoBox {
        position: relative;
        width: 323px;
        height: 101px;
        margin-bottom: 4px;
        cursor: pointer;
    }

    .panoInfoBox .panoInfoBoxTitleBg {
        width: 323px;
        height: 19px;
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: 2;
        background-color: #000;
        opacity: .7;
    }

    .panoInfoBox .panoInfoBoxTitleContent {
        font-size: 12px;
        color: #fff;
        position: absolute;
        bottom: 2px;
        left: 5px;
        z-index: 3;
        text-decoration: none;
    }

    .RouteAddressOuterBkg {
        position: relative;
        padding: 32px 4px 4px 3px;
        background-color: #ffdd99;
    }

    .RouteAddressInnerBkg {
        padding: 3px 5px 8px 8px;
        background-color: #ffffff;
    }

    #RouteAddress_DIV1 {
        margin-top: 5px;
    }

    .RouteAddressTip {
        position: absolute;
        width: 340px;
        top: 0px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        color: #994c00;
    }

    .route_tip_con {
        position: absolute;
        top: 145px;
    }

    .route_tip_con .route_tip {
        position: absolute;
        width: 233px;
        height: 29px;
        color: #803300;
        text-align: center;
        line-height: 29px;
        border: #cc967a solid 1px;
        background: #fff2b2;
        z-index: 100000;
    }

    .route_tip_con .route_tip span {
        position: absolute;
        top: 0;
        right: 0;
        _right: -1px;
        width: 14px;
        height: 13px;
        background: url(../static/images/img/addrPage.png) no-repeat 0 -121px;
        cursor: pointer;
    }

    .route_tip_con .route_tip_shadow {
        width: 233px;
        height: 29px;
        position: absolute;
        left: 1px;
        top: 1px;
        background: #505050;
        border: 1px solid #505050;
        opacity: 0.2;
        filter: alpha(opacity=20)
    }

    .sel_body_body_page {
        margin: 5px 0
    }

    .sel_n {
        margin-top: 5px;
        overflow: hidden;
    }

    .sel_n .sel_top {
        background: url(../static/images/img/bgs.gif) no-repeat 0 -418px;
        height: 4px;
        font-size: 0px;
    }

    .sel_n .sel_body_top {
        height: 32px;
        width: 100%;
        background: url(../static/images/img/addrPage.png) no-repeat 0 -41px;
    }

    .sel_n .sel_body_title {
        float: left;
        width: 100%;
        height: 31px;
    }

    .sel_n .sel_body_sign {
        margin-top: 1px;
        width: 30px;
        height: 31px;
        float: left;
        background: url(../static/images/img/bgs.gif) no-repeat -79px -387px;
    }

    .sel_n .sel_body_name {
        margin: 0 20px 0 30px;
        padding: 8px 7px 7px;
        font-size: 14px;
        color: #FA8722;
    }

    .sel_n .sel_body_button {
        float: left;
        width: 55px;
        margin-left: -55px;
        padding-top: 8px;
    }

    .sel_n .sel_body_button a {
    }

    .sel_n .sel_bottom {
        background: url(../static/images/img/bgs.gif) no-repeat 0 -415px;
        height: 4px;
        font-size: 0px;
    }

    .sel_n .sel_body_body {
        padding: 3px 0 0 0
    }

    .sel_n1 {
        margin-top: 5px;
        width: 329px;
        overflow: hidden;
    }

    .sel_n1 .sel_top {
        background: url(../static/images/img/bgs.gif) no-repeat 0 -418px;
        height: 4px;
        font-size: 0px;
    }

    .sel_n1 .sel_body_top {
        height: 31px;
        width: 100%;
        background: url(../static/images/img/sel_body_n_top.gif) repeat-x;
    }

    .sel_n1 .sel_body_top {
        height: 32px;
        width: 100%;
        background: url(../static/images/img/addrPage.png) no-repeat 0 -41px
    }

    .sel_n1 .sel_body_title {
        float: left;
        width: 100%;
        height: 31px;
        cursor: pointer;
    }

    .sel_n1 .sel_body_sign {
        margin-top: 1px;
        width: 30px;
        height: 31px;
        float: left;
        background: url(../static/images/img/bgs.gif) no-repeat -79px -387px;
    }

    .sel_n1 .sel_body_name {
        margin: 0 20px 0 30px;
        padding: 8px 7px 7px;
        font-size: 14px;
        color: #FA8722;
    }

    .sel_n1 .sel_body_button {
        float: left;
        width: 20px;
        height: 31px;
        margin-left: -23px;
        background: url(../static/images/img/bgs.gif) no-repeat -253px -382px;
        overflow: hidden;
        zoom: 1;
        cursor: pointer;
    }

    .sel_n1 .sel_body_button a {
        display: none;
    }

    .sel_n1 .sel_body_body {
        display: none
    }

    .sel_n1 .sel_bottom {
        background: url(../static/images/img/bgs.gif) no-repeat 0 -415px;
        height: 4px;
        font-size: 0px;
    }

    .sel_y {
        margin-top: 5px;
        overflow: hidden;
    }

    .sel_y .sel_top {
        background: url(../static/images/img/bgs.gif) no-repeat 0 -439px;
        height: 4px;
        zoom: 1;
        font-size: 0px;
    }

    .sel_y .sel_body_top {
        height: 32px;
        width: 100%;
        background: url(../static/images/img/addrPage.png) no-repeat 0 0
    }

    .sel_y .sel_body_title {
        float: left;
        width: 100%;
        height: 31px;
        cursor: pointer;
    }

    .sel_y .sel_body_sign {
        margin-top: 1px;
        width: 30px;
        height: 31px;
        float: left;
        background: url(../static/images/img/bgs.gif) no-repeat -167px -384px;
    }

    .sel_y .sel_body_name {
        margin: 0 20px 0 30px;
        padding: 8px 7px 7px;
        font-size: 14px;
        color: #5B7BCB;
    }

    .sel_y .sel_body_button {
        float: left;
        width: 20px;
        height: 31px;
        margin-left: -20px;
        background: url(../static/images/img/bgs.gif) no-repeat -269px -297px;
        cursor: pointer;
    }

    .sel_y .sel_body_button a {
        display: none;
    }

    .sel_y .sel_body_body {
        display: none;
        height: 0px
    }

    .sel_y .sel_body_body_div {
    }

    .sel_y .sel_bottom {
        background: url(../static/images/img/bgs.gif) no-repeat 0 -436px;
        height: 4px;
        font-size: 0px;
    }

    .sel_y .sel_body_body_page {
        display: none;
        height: 0px;
    }

    .sel_x {
        margin-top: 5px;
        width: 329px;
        overflow: hidden;
    }

    .sel_x .sel_top {
        background: url(../static/images/img/bgs.gif) no-repeat 0 -418px;
        height: 4px;
        font-size: 0px;
    }

    .sel_x .sel_body_top {
        height: 32px;
        width: 100%;
        background: url(../static/images/img/addrPage.png) no-repeat 0 -41px;
    }

    .sel_x .sel_body_title {
        float: left;
        width: 100%;
        height: 31px;
    }

    .sel_x .sel_body_sign {
        margin-top: 1px;
        width: 30px;
        height: 31px;
        float: left;
        background: url(../static/images/img/bgs.gif) no-repeat -122px -384px;
    }

    .sel_x .sel_body_name {
        margin: 0 20px 0 30px;
        padding: 8px 7px 7px;
        font-size: 14px;
        color: #FA8722;
    }

    .sel_x .sel_body_button {
        float: left;
        width: 55px;
        margin-left: -55px;
        padding-top: 8px;
    }

    .sel_x .sel_body_button a {
    }

    .sel_x .sel_body_body {
    }

    .sel_x .sel_body_body_div {
        padding: 5px 5px 0 5px;
    }

    .sel_x .sel_bottom {
        background: url(../static/images/img/bgs.gif) no-repeat 0 -415px;
        height: 4px;
        font-size: 0px;
    }

    .sel_x1 {
        margin-top: 5px;
        width: 329px;
        overflow: hidden;
    }

    .sel_x1 .sel_top {
        background: url(../static/images/img/bgs.gif) no-repeat 0 -418px;
        height: 4px;
        font-size: 0px;
    }

    .sel_x1 .sel_body_top {
        height: 32px;
        width: 100%;
        background: url(../static/images/img/addrPage.png) no-repeat 0 -41px
    }

    .sel_x1 .sel_body_title {
        float: left;
        width: 100%;
        height: 31px;
        cursor: pointer;
    }

    .sel_x1 .sel_body_sign {
        margin-top: 1px;
        width: 30px;
        height: 31px;
        float: left;
        background: url(../static/images/img/bgs.gif) no-repeat -122px -384px;
    }

    .sel_x1 .sel_body_name {
        margin: 0 20px 0 30px;
        padding: 8px 7px 7px;
        font-size: 14px;
        color: #FA8722;
    }

    .sel_x1 .sel_body_button {
        float: left;
        width: 55px;
        height: 31px;
        margin-left: -55px;
    }

    .sel_x1 .sel_body_button a {
        display: none;
    }

    .sel_x1 .sel_body_body {
        display: none;
        height: 0px;
    }

    .sel_x1 .sel_body_body_div {
        padding: 5px 5px 0 5px;
    }

    .sel_x1 .sel_bottom {
        background: url(../static/images/img/bgs.gif) no-repeat 0 -415px;
        height: 4px;
        font-size: 0px;
    }

    .sel_body_citylist {
        height: 100px;
        padding: 0 0 0 5px
    }

    .sel_body_resitem {
        table-layout: fixed;
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .sel_body_resitem table {
        margin-right: 5px;
    }

    .sel_body_resitem tr {
        cursor: pointer;
    }

    .sel_body_resitem th {
        padding-top: 5px;
        padding-left: 5px;
        text-align: left;
        vertical-align: top;
        width: 22px;
    }

    .sel_body_resitem th div.iconbg {
        background: url(../static/images/img/markers_new_ie6.png) no-repeat scroll 0 0;
        height: 29px;
        width: 24px;
    }

    .sel_body_resitem th div.icon {
        cursor: pointer
    }

    .sel_body_resitem th div#no_0_1, .sel_body_resitem th div#no_1_1 {
        background-position: 0 -64px
    }

    .sel_body_resitem th div#no_0_2, .sel_body_resitem th div#no_1_2 {
        background-position: -24px -64px
    }

    .sel_body_resitem th div#no_0_3, .sel_body_resitem th div#no_1_3 {
        background-position: -48px -64px
    }

    .sel_body_resitem th div#no_0_4, .sel_body_resitem th div#no_1_4 {
        background-position: -72px -64px
    }

    .sel_body_resitem th div#no_0_5, .sel_body_resitem th div#no_1_5 {
        background-position: -96px -64px
    }

    .sel_body_resitem th div#no_0_6, .sel_body_resitem th div#no_1_6 {
        background-position: -120px -64px
    }

    .sel_body_resitem th div#no_0_7, .sel_body_resitem th div#no_1_7 {
        background-position: -144px -64px
    }

    .sel_body_resitem th div#no_0_8, .sel_body_resitem th div#no_1_8 {
        background-position: -168px -64px
    }

    .sel_body_resitem th div#no_0_9, .sel_body_resitem th div#no_1_9 {
        background-position: -192px -64px
    }

    .sel_body_resitem th div#no_0_10, .sel_body_resitem th div#no_1_10 {
        background-position: -216px -64px
    }

    .sel_body_resitem td {
        line-height: 160%;
        padding: 3px 0 3px 3px;
        vertical-align: top;
    }

    .sel_body_resitem div.ra_td_title {
        float: left;
        margin-right: 40px;
    }

    .sel_body_resitem div.ra_td_button {
        float: right;
        width: 40px;
    }

    .sel_body_resitem div.ra_td_button input {
        height: 18px;
        font-size: 12px;
        width: 40px;
    }

    .sel_body_resitem div.clear {
        clear: both;
        height: 0px;
        width: 100%;
    }

    .sel_body_resitem td .selBtn {
        width: 70px;
        height: 29px;
        background: url(../static/images/img/addrPage.png) no-repeat -21px -81px;
        text-align: center;
        line-height: 29px;
        visibility: hidden;
        color: #b35900;
        display: inline-block;
        *display: inline;
        *zoom: 1;
    }

    .sel_body_resitem td .list_street_view_poi {
        display: inline-block;
        float: none;
        margin-right: 6px;
        position: static;
        *vertical-align: -3px;
        _vertical-align: -5px;
        *display: inline;
        *zoom: 1;
    }

    .selInfoWndBtn {
        width: 70px;
        height: 29px;
        background: url(../static/images/img/addrPage.png) no-repeat -21px -81px;
        text-align: center;
        line-height: 29px;
        margin: 0 auto;
        cursor: pointer;
        color: #b35900
    }

    .sel_body_body td a {
        text-decoration: none;
        cursor: auto;
    }

    .sel_body_body td a:hover, .sel_body_body td a:focus {
        text-decoration: underline;
    }</style>
    <script>try {
        for (var lastpass_iter = 0; lastpass_iter &lt; document.forms.length; lastpass_iter++) {
            var lastpass_f = document.forms[lastpass_iter];
            if (typeof (lastpass_f.lpsubmitorig) == "undefined") {
                if (typeof (lastpass_f.submit) == "function") {
                    lastpass_f.lpsubmitorig = lastpass_f.submit;
                    lastpass_f.submit = function () {
                        var form = this;
                        try {
                            if (document.documentElement &amp;&amp; 'createEvent' in document) {
                                var forms = document.getElementsByTagName('form');
                                for (var i = 0; i &lt; forms.length; ++i) if (forms[i] == form) {
                                    var element = document.createElement('lpformsubmitdataelement');
                                    element.setAttribute('formnum', i);
                                    element.setAttribute('from', 'submithook');
                                    document.documentElement.appendChild(element);
                                    var evt = document.createEvent('Events');
                                    evt.initEvent('lpformsubmit', true, false);
                                    element.dispatchEvent(evt);
                                    break;
                                }
                            }
                        } catch (e) {
                        }
                        try {
                            form.lpsubmitorig();
                        } catch (e) {
                        }
                    }
                }
            }
        }
    } catch (e) {
    }</script>
</head>
<body>
<div id="body">
    <div id="header">
        <div class="wrapper">
            <a class="logo" href="index.html">
                <img width="229" height="43" alt="拉勾招聘-专注互联网招聘" src="../static/images/logo.png">
            </a>
            <ul id="navheader" class="reset">
                <li><a href="index.html">首页</a></li>
                <li><a href="companylist.html">公司</a></li>
                <li><a target="_blank" href="toForum.html">论坛</a></li>
                <li><a rel="nofollow" href="jianli.html">我的简历</a></li>
            </ul>
            <dl class="collapsible_menu">
                <dt>
                    <span>jason&nbsp;</span>
                    <span class="red dn" id="noticeDot-0"></span>
                    <i></i>
                </dt>
                <dd><a rel="nofollow" href="jianli.html">我的简历</a></dd>
                <dd><a href="collections.html">我收藏的职位</a></dd>
                <dd><a href="delivery.html">我投递的职位 <span id="noticeNo" class="red dn">(0)</span></a></dd>
                <dd class="btm"><a href="subscribe.html">我的订阅</a></dd>
                <dd><a href="">我要招人</a></dd>
                <dd><a href="accountBind.html">帐号设置</a></dd>
                <dd class="logout"><a rel="nofollow" href="login.html">退出</a></dd>
            </dl>
            <div class="dn" id="noticeTip">
                <span class="bot"></span>
                <span class="top"></span>
                <a target="_blank" href="delivery.html"><strong>0</strong>条新投递反馈</a>
                <a class="closeNT" href="javascript:;"></a>
            </div>
        </div>
    </div><!-- end #header -->
    <div id="container">
        <div class="clearfix">
            <div class="content_l">
                <dl class="job_detail">
                    <dt>
                        <h1 title="web前端开发">
                            <em></em>
                            <div th:text="${job.getCompany().name}">国馆互联网招聘</div>
                           [[${job.name}]]
                        </h1>


                        <div class="jd_collection" id="jobCollection">
                            <div class="jd_collection_success">
                                <span>已成功收藏该职位，</span>
                                <a class="jd_collection_page" href="mycenter/collections.html">查看全部</a>
                                <a class="jd_collection_x" href="javascript:;"></a>
                            </div>
                        </div>
                    </dt>
                    <dd class="job_request">
                        <span class="red" th:text="${job.salary}">8k-15k</span>
                        <span th:text="${job.getAddress().addressName}">广州</span>
                        <span th:text="${job.experience}">经验3-5年 </span>
                        <span th:text="${job.needing}"> 大专及以上</span>
                        <span th:if="${job.property==0}">全职</span>
                        <span th:if="${job.property==1}">兼职</span>
                        <span th:if="${job.property==2}">实习</span>
                        <br>
                        职位诱惑 : 高薪高福利，良好办公空间
                        <div>发布时间：[[${#dates.format(job.createTime,'yyyy-MM-dd')}]]发布</div>
                    </dd>
                    <dd class="job_bt">
                        <h3 class="description">职位描述</h3>
                        [[${job.description}]]
                        <!--&nbsp;如果你一个人能干掉一个（产品经理+UED部门），快到碗里来！
                        <br>
                        <br>
                        <br>
                        <br>&nbsp;如果你觉得前端是一份优雅和极富有创造力的工作，快到碗里来！
                        <br>
                        <br>
                        <br>
                        <br>&nbsp;你真心看不上用网页三剑客的人；
                        <br>
                        <br>&nbsp;你在git上开发或参与的项目，并持续维护；
                        <br>
                        <br>&nbsp;你不会在不是多屏工作的公司上班；
                        <br>
                        <br>&nbsp;你支持开源，对bootstrap&nbsp;这种框架，喜爱程度是无法言语的；
                        <br>
                        <br>&nbsp;你有很好的设计品味，坚持移动优先的理念，跨屏幕的响应式，有很多经验；
                        <br>
                        <br>&nbsp;你是个超级APP控、工具控；
                        <br>
                        <br>&nbsp;你精通HTML5和CSS3规范和标准；
                        <br>
                        <br>&nbsp;你精通ANDRIOD和IOS开发标准；
                        <br>
                        <br>&nbsp;你静通JS，手写是你的业余爱好；
                        <br>
                        <br>&nbsp;当然，我们更欢迎各种超人加盟我们正日益壮大的团队。
                        <br>
                        <br>&nbsp;人生苦短，为了生活和未来而奋斗的人儿，是时候换个姿势取悦自己了！
                        <br>
                        <br>&nbsp;我们就是这样一群爱自己的人。
                        <br>
                        <br>&nbsp;如果你也爱自己，请将你的故事及作品传送至：公司hr邮箱，我们翘首以盼。
                        <br>
                        <br>
                        <br>&nbsp;
                        <br>
                        <br>任职条件：
                        <br>
                        <br>1、本科及以上学历，计算机相关专业，3-5年相关互联网公司工作经验；
                        <br>2、理解mobile&nbsp;first&nbsp;设计理念&nbsp;，熟悉各种前端开发框架，善于利用各种资源，懂得站在巨人肩膀上开发；
                        <br>3、熟悉Javascript实现交互效果，关注前端技术新动向，能写原生代码；
                        <br>4、精通div+css构架页面（网站、后台管理系统、触屏终端）；
                        <br>5、具有良好的沟通协调能力和敬业净胜，工作细心，有较高的共组效率；
                        <br>6、熟悉互联网，具有积克精神，精通设计美学，可做设计者优先。&nbsp;-->
                    </dd>

                    <!-- 用户是否激活 0-否；1-是 -->
                    <dd class="resume resume_web">
                        <div style="width:400px;" th:each="img,sta:${images}">
                            <span> 点击投递：<a title="jason的简历" target="_blank" th:href="@{'/jianli/delivery/'+${img.id}+'/'+${job.id}}">
                                <strong>投递：</strong></a></span><br>
                            <span>设置于[[${#dates.format(img.createTime,'yyyy-MM-dd')}]]</span>
                        </div>
                    </dd>
                    <dd>
                        <!-- 用户是否激活 0-否；1-是 -->

                <!--        <a title="投个简历" class="btn fr btn_apply"
                           href="javascript:sendResume(314873,149487,false,false);">投个简历</a>-->
                    </dd>
                </dl>
                <div id="weibolist"></div>
            </div>
            <div class="content_r">
                <dl class="job_company">
                    <dt>
                        <a target="_blank" href="c/19607.html">
                            <img width="80" height="80" alt="广东国馆酒业有限公司"
                                 src="../static/images/ff80808145ae05750145b0467a1c7ddd.png" class="b2">
                            <div>
                                <h2 class="fl">
                                    国馆

                                    <img width="15" height="19" alt="拉勾认证企业" src="../static/images/valid.png">
                                    <span class="dn">拉勾认证企业</span>

                                </h2>
                            </div>
                        </a>
                    </dt>
                    <dd>
                        <ul class="c_feature reset">
                            <li><span>领域</span> 移动互联网,电子商务</li>
                            <li><span>规模</span> 50-150人</li>
                            <li>
                                <span>主页</span>
                                <a rel="nofollow" title="http://www.guoguan.com" target="_blank"
                                   href="http://www.guoguan.com">http://www.guoguan.com</a>
                            </li>
                        </ul>

                        <h4>发展阶段</h4>
                        <ul class="c_feature reset">
                            <li><span>目前阶段</span> D轮及以上</li>
                        </ul>

                        <!--	                    	<h4>公司产品</h4>
	                        <ul class="c_feature reset">
	                        		                        		<li><span>中国道</span></li>
	                        		                        </ul>

                       	<h4>公司标签</h4>
                        <ul class="company_tags reset" id="hasLabels">
                        	                            	<li><span>年底双薪</span></li>
                                                        	<li><span>五险一金</span></li>
                                                        	<li><span>带薪年假</span></li>
                                                        	<li><span>节日礼物</span></li>
                                                        	<li><span>年度旅游</span></li>
                                                        	<li><span>岗位晋升</span></li>
                                                        	<li><span>管理规范</span></li>
                                                        	<li><span>领导好</span></li>
                                                        	<li><span>美女多</span></li>
                                                        	<li><span>帅哥多</span></li>
                                                        	<li><span>技能培训</span></li>
                                                        	<li><span>年终分红</span></li>
                                                       <li class="link"><a>编辑</a></li>
                        </ul>
                        <div class="clear"></div>
                        <div id="addLabel" class="addLabel dn">
                            <input type="text" class="fl" id="label" name="label" placeholder="添加自定义标签" />
                            <input type="submit" id="add" value="贴上" />
                        </div> -->

                        <!--<h4>工作地址</h4>
                        <div>广州市天河区珠江新城花城大道18号建滔广场6楼</div>
                        <div id="smallmap"
                             style="overflow: hidden; position: relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left;">
                            <div style="overflow: visible; position: absolute; z-index: 0; left: 0px; top: 0px; cursor: grab;">
                                <div class="BMap_mask"
                                     style="position: absolute; left: 0px; top: 0px; z-index: 9; overflow: hidden; width: 280px; height: 200px;"></div>
                                <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;">
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"></div>
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;">
                                        <span style="position: absolute; padding: 0px; margin: 0px; border: 0px none; -moz-user-select: none; cursor: pointer; background: url(../static/images/img/blank.gifquot) repeat scroll 0% 0% transparent; width: 19px; height: 25px; left: 130px; top: 75px; z-index: -4625058;"
                                        "="" unselectable="on" class="BMap_Marker BMap_noprint" title=""></span></div>
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"></div>
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;">
                                        <label class="BMapLabel" unselectable="on"
                                               style="position: absolute; -moz-user-select: none; display: none; cursor: inherit; background-color: rgb(190, 190, 190); border: 1px solid rgb(190, 190, 190); padding: 1px; white-space: nowrap; font: 12px arial,simsun,sans-serif; z-index: -20000; color: rgb(190, 190, 190);">shadow</label>
                                    </div>
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;">
                                        <span style="position: absolute; padding: 0px; margin: 0px; border: 0px none; width: 0px; height: 0px; -moz-user-select: none; left: 130px; top: 75px; z-index: -4625058;"
                                              unselectable="on" class="BMap_Marker"><div
                                                style="position: absolute; margin: 0px; padding: 0px; width: 19px; height: 25px; overflow: hidden;"><img
                                                style="border:none;margin-left:0px; margin-top:0px; "
                                                src="../static/images/marker_red_sprite.png"></div></span></div>
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 300;">
                                        <span style="position: absolute; padding: 0px; margin: 0px; border: 0px none; width: 20px; height: 11px; -moz-user-select: none; left: 134px; top: 89px;"
                                              unselectable="on"><div
                                                style="position: absolute; margin: 0px; padding: 0px; width: 20px; height: 11px; overflow: hidden;"><img
                                                style="border:none;margin-left:-19px; margin-top:-13px; "
                                                src="../static/images/marker_red_sprite.png"></div></span></div>
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 201;"></div>
                                    <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div>
                                </div>
                                <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 1;">
                                    <div style="position: absolute; overflow: visible; z-index: -100; left: 140px; top: 100px; display: none;"></div>
                                </div>
                                <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 2; display: block;">
                                    <div style="position: absolute; overflow: visible; top: 100px; left: 140px; z-index: 0; display: block;">
                                        <canvas style="position: absolute; width: 256px; height: 256px; left: -156px; top: -103px; background: none repeat scroll 0% 0% rgb(243, 241, 236);"
                                                width="256" height="256" id="_1_bg_12319_2568_16"></canvas>
                                        <canvas style="position: absolute; width: 256px; height: 256px; left: 100px; top: -103px; background: none repeat scroll 0% 0% rgb(243, 241, 236);"
                                                width="256" height="256" id="_1_bg_12320_2568_16"></canvas>
                                    </div>
                                    <div style="position: absolute; overflow: visible; top: 100px; left: 140px; z-index: 10; display: block;">
                                        <canvas style="position: absolute; width: 256px; height: 256px; left: -156px; top: -103px;"
                                                width="256" height="256" id="_1_poi_12319_2568_16"></canvas>
                                        <canvas style="position: absolute; width: 256px; height: 256px; left: 100px; top: -103px;"
                                                width="256" height="256" id="_1_poi_12320_2568_16"></canvas>
                                    </div>
                                </div>
                                <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 3;"></div>
                            </div>
                            <div style="position: absolute; z-index: 1201; top: 10px; right: 10px; width: 17px; height: 16px; background: url(../static/images/img/st-close.pngquot) no-repeat scroll 0% 0% transparent; cursor: pointer; display: none;"
                                 title="退出全景"></div>
                            <div style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:-moz-grab"
                                 id="zoomer">
                                <div style="top:0;left:0;" class="BMap_zoomer"></div>
                                <div style="top:0;right:0;" class="BMap_zoomer"></div>
                                <div style="bottom:0;left:0;" class="BMap_zoomer"></div>
                                <div style="bottom:0;right:0;" class="BMap_zoomer"></div>
                            </div>
                            <div style="height: 32px; position: absolute; z-index: 30; -moz-user-select: none; bottom: 0px; right: auto; top: auto; left: 1px; display: none;"
                                 class=" anchorBL"><a title="到百度地图查看此区域" target="_blank"
                                                      href="http://map.baidu.com/?sr=1"
                                                      style="outline: medium none;"><img
                                    src="../static/images/copyright_logo.png"
                                    style="border:none;width:77px;height:32px"></a></div>
                            <div unselectable="on" class=" BMap_cpyCtrl BMap_noprint anchorBL"
                                 style="cursor: default; white-space: nowrap; -moz-user-select: none; color: black; background: none repeat scroll 0% 0% transparent; font: 11px/15px arial,simsun,sans-serif; bottom: 2px; right: auto; top: auto; left: 4px; position: absolute; z-index: 10;">
                                <span _cid="1" style="display: inline;"><span style="font-size:11px">&copy; 2014 Baidu&nbsp;- Data &copy; <a
                                        style="display:inline;" href="http://www.navinfo.com/"
                                        target="_blank">NavInfo</a> &amp; <a style="display:inline;"
                                                                             href="http://www.cennavi.com.cn/"
                                                                             target="_blank">CenNavi</a> &amp; <a
                                        style="display:inline;" href="http://www.365ditu.com/"
                                        target="_blank">道道通</a></span></span></div>
                        </div>
                        <a id="mapPreview" href="javascript:;">查看完整地图</a>-->
                    </dd>
                </dl>
              <!--  <div id="myRecommend_jd">
                    <h2>可能适合你的职位 <i>匹配度</i></h2>
                    <ul class="reset">
                        <li>
                            <a target="_blank" href="jobs/22194.html">
                                <span class="f14">产品经理</span>
                                <span class="c7">广州百田</span>
                                <em>92%</em>
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="jobs/148004.html">
                                <span class="f14">产品经理</span>
                                <span class="c7">短讯神州</span>
                                <em>92%</em>
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="jobs/46793.html">
                                <span class="f14">产品经理</span>
                                <span class="c7">爱拍</span>
                                <em>89%</em>
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="jobs/99307.html">
                                <span class="f14">产品经理</span>
                                <span class="c7">一彩票</span>
                                <em>88%</em>
                            </a>
                        </li>
                        <li>
                            <a target="_blank" href="jobs/147510.html">
                                <span class="f14">产品经理</span>
                                <span class="c7">林安集团</span>
                                <em>88%</em>
                            </a>
                        </li>
                    </ul>
                    <a target="_blank" class="more" href="mList.html">更多推荐职位&gt;&gt;</a>
                </div>&lt;!&ndash;end #myRecommend&ndash;&gt;-->
                <a class="eventAd" target="_blank"
                   href="subject/s_zhouyou.html?utm_source=BD__lagou&amp;utm_medium=&amp;utm_campaign=zhouyou">
                    <img width="280" height="135" src="../static/images/zhouyou.jpg">
                </a>
            </div>
        </div>
        <input type="hidden" id="userid" name="userid" value="68ad090107cb481fff4ef57dcc6681a1">
        <input type="hidden" id="resend_type" name="type" value="0">
        <input type="hidden" id="jobid" value="149487">
        <input type="hidden" id="companyid" value="19607">
        <input type="hidden" id="positionLng" value="">
        <input type="hidden" id="positionLat" value="">

        <div id="tipOverlay"></div>
        <!-------------------------------------弹窗lightbox  ----------------------------------------->
        <!--<div style="display:none;">
            &lt;!&ndash; 设置默认投递简历 &ndash;&gt;
            <div style="height:280px;" class="popup" id="setResume">
                <table width="100%">
                    <tbody>
                    <tr>
                        <td class="f18 c5">请选择你要投出去的简历：</td>
                    </tr>
                    <tr>
                        <td>
                            <form class="resumeSetForm" id="resumeSetForm">
                                <label class="radio">
                                    <input type="radio" checked="" value="1" class="resume1" name="resumeName">
                                    在线简历：
                                    <span title="jason的简历">jason的简历</span>
                                </label>
                                <div class="setBtns">
                                    <a target="_blank" href="resume/preview.html">预览</a> |
                                    <a target="_blank" href="resume/myresume.html">修改</a>
                                </div>
                                <div class="clear"></div>
                                <label class="radio">
                                    <input type="radio" value="0" class="resume0" name="resumeName">
                                    附件简历：
                                    <span class="uploadedResume red">暂无附件简历</span>
                                </label>
                                <div class="setBtns">
                                    <a class="downloadResume dn" href="nearBy/downloadResume">下载</a> <span
                                        class="dn">|</span>
                                    <a class="reUpload" title="上传附件简历" target="_blank">上传附件简历</a>

                                    <input type="file"
                                           onchange="file_check(this,'nearBy/updateMyResume.json','reUploadResume1')"
                                           id="reUploadResume1" name="newResume"
                                           title="支持word、pdf、ppt、txt、wps格式文件，大小不超过10M">
                                </div>
                                <div class="clear"></div>
                                <span style="display:none;" class="error">只支持word、pdf、ppt、txt、wps格式文件，请重新上传</span>
                                <label class="bgPink">默认使用此简历直接投递，下次不再提示</label>
                                <span class="setTip error"></span>
                                <input type="submit" value="保存设置" class="btn_profile_save btn_s">
                            </form>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>&lt;!&ndash;/#setResume&ndash;&gt;

            &lt;!&ndash; 投递简历时  - 设置默认投递简历 &ndash;&gt;
            <div style="height:280px;" class="popup" id="setResumeApply">
                <table width="100%">
                    <tbody>
                    <tr>
                        <td class="f18 c5">请选择你要投出去的简历：</td>
                    </tr>
                    <tr>
                        <td>
                            <form class="resumeSetForm" id="resumeSendForm">
                                <label class="radio">
                                    <input type="radio" checked="" value="1" class="resume1" name="resumeName">
                                    在线简历：
                                    <span title="jason的简历">jason的简历</span>
                                </label>
                                <div class="setBtns">
                                    <a target="_blank" href="resume/preview.html">预览</a> |
                                    <a target="_blank" href="resume/myresume.html">修改</a>
                                </div>
                                <div class="clear"></div>
                                <label class="radio">
                                    <input type="radio" value="0" class="resume0" name="resumeName">
                                    附件简历：
                                    <span class="uploadedResume red">暂无附件简历</span>
                                </label>
                                <div class="setBtns">
                                    <a class="downloadResume dn" href="nearBy/downloadResume">下载</a> <span
                                        class="dn">|</span>
                                    <a class="reUpload" title="上传附件简历" target="_blank">上传附件简历</a>
                                    <input type="file"
                                           onchange="file_check(this,'nearBy/updateMyResume.json','reUploadResume2')"
                                           id="reUploadResume2" name="newResume"
                                           title="支持word、pdf、ppt、txt、wps格式文件，大小不超过10M">
                                </div>
                                <div class="clear"></div>
                                <span style="display:none;" class="error">只支持word、pdf、ppt、txt、wps格式文件，请重新上传</span>
                                <label class="bgPink"><input type="checkbox"
                                                             checked="checked">默认使用此简历直接投递，下次不再提示</label>
                                <span class="setTip error"></span>
                                <input type="submit" value="确认投递简历" class="btn_profile_save btn_s">
                            </form>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>&lt;!&ndash;/#setResumeApply&ndash;&gt;

            &lt;!&ndash; 上传简历 &ndash;&gt;
            <div class="popup" id="uploadFile">
                <table width="100%">
                    <tbody>
                    <tr>
                        <td align="center">
                            <form>
                                <a class="btn_addPic" href="javascript:void(0);">
                                    <span>选择上传文件</span>
                                    <input type="file"
                                           onchange="file_check(this,'nearBy/updateMyResume.json','resumeUpload')"
                                           class="filePrew" id="resumeUpload" name="newResume" size="3"
                                           title="支持word、pdf、ppt、txt、wps格式文件，大小不超过10M" tabindex="3">
                                </a>
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td align="left">支持word、pdf、ppt、txt、wps格式文件<br>文件大小需小于10M</td>
                    </tr>
                    <tr>
                        <td align="left" style="color:#dd4a38; padding-top:10px;">注：若从其它网站下载的word简历，请将文件另存为.docx格式后上传
                        </td>
                    </tr>
                    <tr>
                        <td align="center"><img width="55" height="16" alt="loading" style="visibility: hidden;"
                                                id="loadingImg" src="../static/images/loading.gif"></td>
                    </tr>
                    </tbody>
                </table>
            </div>&lt;!&ndash;/#uploadFile&ndash;&gt;

            &lt;!&ndash; 简历上传成功 &ndash;&gt;
            <div class="popup" id="uploadFileSuccess">
                <h4>简历上传成功！</h4>
                <table width="100%">
                    <tbody>
                    <tr>
                        <td align="center"><p>你可以将简历投给你中意的公司了。</p></td>
                    </tr>
                    <tr>
                        <td align="center"><a class="btn_s" href="javascript:top.location.reload();">确&nbsp;定</a></td>
                    </tr>
                    </tbody>
                </table>
            </div>&lt;!&ndash;/#uploadFileSuccess&ndash;&gt;

            &lt;!&ndash; 登录框 &ndash;&gt;
            <div style="height:240px;" class="popup" id="loginPop">
                <form id="loginForm">
                    <input type="text" placeholder="请输入登录邮箱地址" tabindex="1" name="email" id="email"
                           style="background-image: url(../static/images/img/0CQnd2Jos49xUAAAAASUVORK5CYII=quot); background-repeat: no-repeat; background-attachment: scroll; background-position: right center;">
                    <input type="password" placeholder="请输入密码" tabindex="2" name="password" id="password"
                           style="background-image: url(../static/images/img/0CQnd2Jos49xUAAAAASUVORK5CYII=quot); background-repeat: no-repeat; background-attachment: scroll; background-position: right center;">
                    <span id="beError" style="display:none;" class="error"></span>
                    <label for="remember" class="fl"><input type="checkbox" name="autoLogin" checked="checked" value=""
                                                            id="remember"> 记住我</label>
                    <a class="fr" href="reset.html">忘记密码？</a>
                    <input type="submit" value="登 &nbsp; &nbsp; 录" id="submitLogin">
                </form>
                <div class="login_right">
                    <div>还没有拉勾帐号？</div>
                    <a class="registor_now" href="register.html">立即注册</a>
                    <div class="login_others">使用以下帐号直接登录:</div>
                    <a title="使用新浪微博帐号登录" class="icon_wb" target="_blank" href="ologin/auth/sina.html"></a>
                    <a title="使用腾讯QQ帐号登录" target="_blank" class="icon_qq" href="ologin/auth/qq.html"></a>
                </div>
            </div>&lt;!&ndash;/#loginPop&ndash;&gt;

            &lt;!&ndash; 投简历成功前填写基本信息 &ndash;&gt;
            <style>
                #cboxContent {
                    overflow: visible;
                }

                #colorbox, #cboxOverlay, #cboxWrapper {
                    overflow: visible;
                }
            </style>
            <div style="height:300px; overflow:visible;" class="popup" id="infoBeforeDeliverResume">
                <div class="f18">为方便所投递企业HR查阅，请确认个人信息</div>
                <form method="post" id="basicInfoForm">
                    <table width="100%">
                        <tbody>
                        <tr>
                            <td valign="middle">
                                <span class="redstar">*</span>
                            </td>
                            <td>
                                <input type="text" placeholder="姓名" name="name">
                            </td>
                            <td valign="middle">
                                <span class="redstar">*</span>
                            </td>
                            <td>
                                <input type="hidden" id="degree" value="" name="degree">
                                <input type="button" value="最高学历" id="select_degree"
                                       class="profile_select_190 profile_select_normal">
                                <div class="boxUpDown boxUpDown_190 dn" id="box_degree" style="display: none;"></div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <span class="redstar">*</span>
                            </td>
                            <td>
                                <input type="hidden" id="workyear" value="" name="workyear">
                                <input type="button" value="工作年限" id="select_workyear"
                                       class="profile_select_190 profile_select_normal">
                                <div class="boxUpDown boxUpDown_190 dn" id="box_workyear" style="display: none;"></div>
                            </td>
                            <td valign="middle">
                                <span class="redstar">*</span>
                            </td>
                            <td>
                                <input type="hidden" id="expectCity" value="" name="expectCity">
                                <input type="button" value="期望工作城市" id="select_expectCity"
                                       class="profile_select_190 profile_select_normal">
                                <div class="boxUpDown boxUpDown_596 dn" id="box_expectCity"
                                     style="display: none;"></div>
                            </td>
                        </tr>
                        <tr>
                            <td valign="middle">
                                <span class="redstar">*</span>
                            </td>
                            <td>
                                <input type="text" placeholder="联系电话" name="tel">
                            </td>
                            <td valign="middle">
                                <span class="redstar">*</span>
                            </td>
                            <td>
                                <input type="text" placeholder="邮箱地址" name="email">
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td colspan="3">
                                <input type="hidden" value="" name="type">
                                <input type="submit" value="确认并投递" class="btn">
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </form>
            </div>&lt;!&ndash;/#infoBeforeDeliverResume&ndash;&gt;

            &lt;!&ndash; 上传附件简历操作说明-重新上传 &ndash;&gt;
            <div class="popup" id="fileResumeUpload">
                <table width="100%">
                    <tbody>
                    <tr>
                        <td>
                            <div class="f18 mb10">请上传标准格式的word简历</div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="f16">
                                操作说明：<br>
                                打开需要上传的文件 - 点击文件另存为 - 选择.docx - 保存
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <a title="上传附件简历" href="#uploadFile" class="inline btn cboxElement">重新上传</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>&lt;!&ndash;/#fileResumeUpload&ndash;&gt;

            &lt;!&ndash; 上传附件简历操作说明-重新上传 &ndash;&gt;
            <div class="popup" id="fileResumeUploadSize">
                <table width="100%">
                    <tbody>
                    <tr>
                        <td>
                            <div class="f18 mb10">上传文件大小超出限制</div>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <div class="f16">
                                提示：<br>
                                单个附件不能超过10M，请重新选择附件简历！
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <a title="上传附件简历" href="#uploadFile" class="inline btn cboxElement">重新上传</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>&lt;!&ndash;/#deliverResumeConfirm&ndash;&gt;

            &lt;!&ndash; 投简历成功前二次确认 &ndash;&gt;
            <div class="popup" id="deliverResumeConfirm">
                <table width="100%">
                    <tbody>
                    <tr>
                        <td class="msg">
                            <div class="f18">你的简历中：</div>
                            <div class="f16 count"><span class="f18 confirm_field">学历、工作年限、期望工作城市</span>与该职位要求不匹配，确认要投递吗？
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">
                            <input type="hidden" value="" name="type">
                            <a class="btn" href="javascript:sendResume(314873,149487,true,true);">确认投递</a>
                            <a class="btn_s" href="javascript:;">放弃投递</a>
                            <a class="f20 edit_field" href="javascript:;">修改信息</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>&lt;!&ndash;/#deliverResumeConfirm&ndash;&gt;

            &lt;!&ndash; 投简历成功 &ndash;&gt;
            <div style="width:440px;padding-bottom:10px;" class="popup" id="deliverResumesSuccess">
                <table width="100%">
                    <tbody>
                    <tr class="drawGGJ">
                        <td align="center">
                            <p class="font_16 count"></p>
                            <p class="font_16 share dn">邀请好友成功注册拉勾，可提升每日投递量 &nbsp;&nbsp; <a target="_blank"
                                                                                            href="share/invite.html">邀请好友&gt;&gt;</a>
                            </p>
                        </td>
                    </tr>
                    <tr class="drawQD">
                        <td align="center"><a class="btn_s" href="javascript:top.location.reload();">确&nbsp;定</a></td>
                    </tr>
                    <tr class="weixinQR">
                        <td>
                            <div class="weixin">
                                <div class="qr">
                                    <img width="120" height="120"
                                         src="../static/images/73338ca8e1694b298d223745670f8daf_318969.jpg">

                                    <div>[仅限本人使用]</div>
                                </div>
                                <div class="qr_text">
                                    想知道HR是否看过你的简历？<br>
                                    想在微信中收到面试通知？<br>
                                    <span>&lt;&lt; 微信扫一扫，一并解决</span>
                                </div>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>&lt;!&ndash;/#deliverResumesSuccess&ndash;&gt;

            &lt;!&ndash; 投递时，一个简历都没有弹窗 &ndash;&gt;
            <div class="popup" id="sendNoResume">
                <table width="100%">
                    <tbody>
                    <tr>
                        <td align="center" class="f18 c5">你还没有可以投递的简历呢</td>
                    </tr>
                    <tr>
                        <td align="center" class="c5">请上传附件简历或填写在线简历后再投递吧~</td>
                    </tr>
                    <tr>
                        <td align="center">
                            <form>
                                <a class="btn_addPic" href="javascript:void(0);">
                                    <span>选择上传文件</span>
                                    <input type="file"
                                           onchange="file_check(this,'nearBy/updateMyResume.json','resumeUpload2')"
                                           class="filePrew" id="resumeUpload2" name="newResume" size="3"
                                           title="支持word、pdf、ppt、txt、wps格式文件，大小不超过10M">
                                </a>
                            </form>
                            <a target="_blank" href="resume/basic.html" class="btn">完善在线简历</a>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>&lt;!&ndash;/#sendNoResume&ndash;&gt;

            &lt;!&ndash; 没有简历请上传 &ndash;&gt;
            <div class="popup" id="deliverResumesNo">
                <table width="100%">
                    <tbody>
                    <tr>
                        <td align="center"><p class="font_16">你在拉勾还没有简历，请先上传一份</p></td>
                    </tr>
                    <tr>
                        <td align="center">
                            <form>
                                <a class="btn_addPic" href="javascript:void(0);">
                                    <span>选择上传文件</span>
                                    <input type="file"
                                           onchange="file_check(this,'nearBy/updateMyResume.json','resumeUpload1')"
                                           class="filePrew" id="resumeUpload1" name="newResume" size="3"
                                           title="支持word、pdf、ppt、txt、wps格式文件，大小不超过10M">
                                </a>
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td align="center">支持word、pdf、ppt、txt、wps格式文件，大小不超过10M</td>
                    </tr>
                    </tbody>
                </table>
            </div>&lt;!&ndash;/#deliverResumesNo&ndash;&gt;

            &lt;!&ndash;
    	激活邮箱
		登录邮箱未验证时，
	 	点击上传附件简历、申请职位、订阅职位、发布职位出现该弹窗
	&ndash;&gt;
            <div style="height:240px;" class="popup" id="activePop">
                <h4>登录邮箱未验证</h4>
                <p>请验证你的登录邮箱以使用拉勾网的所有功能！ </p>
                <p>我们已将验证邮件发送至：<a>840389046@qq.com</a>，请点击邮件内的链接完成验证。</p>
                <p><a id="resend" href="javascript:void(0)">重新发送验证邮件 </a> | <a target="_blank" href="register.html">
                    换个邮箱？ </a></p>
            </div>&lt;!&ndash;/#activePop&ndash;&gt;

            &lt;!&ndash;
    	激活邮箱
		验证邮件发送成功弹窗
	&ndash;&gt;
            <div class="popup" id="resend_success">
                <p>我们已将激活邮件发送至：<a>840389046@qq.com</a>，请点击邮件内的链接完成验证。</p>
            </div>&lt;!&ndash;/#resend_success&ndash;&gt;

            &lt;!&ndash;地图弹窗&ndash;&gt;
            <div class="popup" id="baiduMap">
                <div id="allmap"
                     style="overflow: hidden; position: relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left;">
                    <div style="overflow: visible; position: absolute; z-index: 0; left: 0px; top: 0px; cursor: grab;">
                        <div class="BMap_mask"
                             style="position: absolute; left: 0px; top: 0px; z-index: 9; overflow: hidden; width: 0px; height: 0px;"></div>
                        <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;">
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"></div>
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;"></div>
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"></div>
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;">
                                <label class="BMapLabel" unselectable="on"
                                       style="position: absolute; -moz-user-select: none; display: none; cursor: inherit; background-color: rgb(190, 190, 190); border: 1px solid rgb(190, 190, 190); padding: 1px; white-space: nowrap; font: 12px arial,simsun,sans-serif; z-index: -20000; color: rgb(190, 190, 190);">shadow</label>
                            </div>
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;"></div>
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 300;"></div>
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 201;"></div>
                            <div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div>
                        </div>
                        <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 1;"></div>
                        <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 2;"></div>
                        <div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 3;"></div>
                    </div>
                    <div style="position: absolute; z-index: 1201; top: 10px; right: 10px; width: 17px; height: 16px; background: url(../static/images/img/st-close.pngquot) no-repeat scroll 0% 0% transparent; cursor: pointer; display: none;"
                         title="退出全景"></div>
                    <div style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:-moz-grab"
                         id="zoomer">
                        <div style="top:0;left:0;" class="BMap_zoomer"></div>
                        <div style="top:0;right:0;" class="BMap_zoomer"></div>
                        <div style="bottom:0;left:0;" class="BMap_zoomer"></div>
                        <div style="bottom:0;right:0;" class="BMap_zoomer"></div>
                    </div>
                    <div unselectable="on" class=" BMap_stdMpCtrl BMap_stdMpType0 BMap_noprint anchorTL"
                         style="width: 62px; height: 186px; bottom: auto; right: auto; top: 10px; left: 10px; position: absolute; z-index: 1100; -moz-user-select: none;">
                        <div class="BMap_stdMpPan">
                            <div title="向上平移" class="BMap_button BMap_panN"></div>
                            <div title="向左平移" class="BMap_button BMap_panW"></div>
                            <div title="向右平移" class="BMap_button BMap_panE"></div>
                            <div title="向下平移" class="BMap_button BMap_panS"></div>
                            <div class="BMap_stdMpPanBg BMap_smcbg"></div>
                        </div>
                        <div class="BMap_stdMpZoom" style="height: 141px; width: 62px;">
                            <div title="放大一级" class="BMap_button BMap_stdMpZoomIn">
                                <div class="BMap_smcbg"></div>
                            </div>
                            <div title="缩小一级" class="BMap_button BMap_stdMpZoomOut" style="top: 120px;">
                                <div class="BMap_smcbg"></div>
                            </div>
                            <div class="BMap_stdMpSlider" style="height: 102px;">
                                <div class="BMap_stdMpSliderBgTop" style="height: 102px;">
                                    <div class="BMap_smcbg"></div>
                                </div>
                                <div class="BMap_stdMpSliderBgBot" style="top: 91px; height: 15px;"></div>
                                <div title="放置到此级别" class="BMap_stdMpSliderMask"></div>
                                <div title="拖动缩放" class="BMap_stdMpSliderBar" style="cursor: grab; top: 91px;">
                                    <div class="BMap_smcbg"></div>
                                </div>
                            </div>
                            <div class="BMap_zlHolder">
                                <div class="BMap_zlSt">
                                    <div class="BMap_smcbg"></div>
                                </div>
                                <div class="BMap_zlCity">
                                    <div class="BMap_smcbg"></div>
                                </div>
                                <div class="BMap_zlProv">
                                    <div class="BMap_smcbg"></div>
                                </div>
                                <div class="BMap_zlCountry">
                                    <div class="BMap_smcbg"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div unselectable="on"
                         style="bottom: auto; right: 10px; top: 10px; left: auto; white-space: nowrap; cursor: pointer; position: absolute; z-index: 10; -moz-user-select: none;"
                         class=" BMap_noprint anchorTR">
                        <div style="-moz-user-select: none; float: left;">
                            <div style="-moz-user-select: none; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); border-left: 1px solid rgb(139, 164, 220); border-top: 1px solid rgb(139, 164, 220); border-bottom: 1px solid rgb(139, 164, 220); background: none repeat scroll 0% 0% rgb(142, 168, 224); padding: 2px 6px; font: bold 12px/1.3em arial,simsun,sans-serif; text-align: center; white-space: nowrap; border-radius: 3px 0px 0px 3px; color: rgb(255, 255, 255);"
                                 title="显示普通地图">地图
                            </div>
                        </div>
                        <div style="-moz-user-select: none; float: left;">
                            <div style="-moz-user-select: none; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); border-left: 1px solid rgb(139, 164, 220); border-top: 1px solid rgb(139, 164, 220); border-bottom: 1px solid rgb(139, 164, 220); background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 2px 6px; font-family: arial,simsun,sans-serif; font-style: normal; font-variant: normal; font-size: 12px; line-height: 1.3em; font-size-adjust: none; font-stretch: normal; -moz-font-feature-settings: normal; -moz-font-language-override: normal; text-align: center; white-space: nowrap; color: rgb(0, 0, 0);"
                                 title="显示卫星影像">卫星
                            </div>
                            <div style="-moz-user-select: none; position: absolute; top: 0px; left: 0px; z-index: -1; display: none;">
                                <div style="border-right:1px solid #8ba4dc;border-bottom:1px solid #8ba4dc;border-left:1px solid #8ba4dc;background:white;font:12px arial,simsun,sans-serif;padding:0 8px 0 6px;line-height:1.6em;box-shadow:2px 2px 3px rgba(0, 0, 0, 0.35)"
                                     title="显示带有街道的卫星影像"><span class="BMap_checkbox" "="" checked="checked"></span>
                                    <label style="vertical-align: middle; cursor: pointer;">混合</label></div>
                            </div>
                        </div>
                        <div style="-moz-user-select: none; float: left;">
                            <div style="-moz-user-select: none; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); border-left: 1px solid rgb(139, 164, 220); border-width: 1px; border-style: solid; border-color: rgb(139, 164, 220); background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 2px 6px; font-family: arial,simsun,sans-serif; font-style: normal; font-variant: normal; font-size: 12px; line-height: 1.3em; font-size-adjust: none; font-stretch: normal; -moz-font-feature-settings: normal; -moz-font-language-override: normal; text-align: center; white-space: nowrap; border-radius: 0px 3px 3px 0px; color: rgb(0, 0, 0);"
                                 title="显示三维地图">三维
                            </div>
                        </div>
                    </div>
                    <div unselectable="on" class=" BMap_omCtrl BMap_ieundefined BMap_noprint anchorBR quad4"
                         style="width: 13px; height: 13px; bottom: 0px; right: 0px; top: auto; left: auto; position: absolute; z-index: 10; -moz-user-select: none;">
                        <div class="BMap_omOutFrame" style="width: 149px; height: 149px;">
                            <div class="BMap_omInnFrame"
                                 style="bottom: auto; right: auto; top: 5px; left: 5px; width: 142px; height: 142px;">
                                <div class="BMap_omMapContainer"></div>
                                <div class="BMap_omViewMv" style="cursor: grab;">
                                    <div class="BMap_omViewInnFrame">
                                        <div></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="BMap_omBtn BMap_omBtnClosed"
                             style="bottom: 0px; right: 0px; top: auto; left: auto;"></div>
                    </div>
                </div>
            </div>&lt;!&ndash;/#baiduMap&ndash;&gt;
        </div>-->
        <!------------------------------------- end ----------------------------------------->

        <script src="../static/js/job_detail.js" type="text/javascript"></script>
        <script src="../static/js/count.js" type="text/javascript"></script>

        <!-- <script type="text/javascript">
var options = {
    	"snsId": "snwb",
    	"uid": "",
    	"token": "",
    	"openId": "",
    	"appKey": "",
    	"merchantId": "11253",
    	"merchantType": "news",
    	"socialLoginUrl_sina": ctx+"/ologin/auth/sina.html",
    	"socialLoginUrl_qq": "",
    	"weiboId_sina": "3619164344010985",
    	"weiboId_qq": "",
    	"socialAllUrl": ctx+"/user/hbzx.html",
    	"productId": "149487",
    	"productCategory": "",
    	"productName": "web前端开发",
    	"productArea": "广州",
    	"productPrice": "",
    	"productUrl": ctx+"/jobs/149487.html",
    	"productImage": ctx+"/upload/logo/ff80808145ae05750145b0467a1c7ddd.png",
    	"excerpt": "广州 / 全职 / 8k-15k / 经验3-5年 / 大专及以上 / 职位诱惑 : 高薪高福利，良好办公空间",
    	"sendContent":"我觉得这个职位不错，你觉得咋样？",
    	"shareContent":"请输入你对此职位的评论",
    	"autoSend": false,
    	"load": true
　　}
</script>
<script src="style/js/common.js" type="text/javascript"></script> -->
        <script>
            $(function () {
                $('#weibolist .cookietxte').text('推荐本职位给好友');
                $(document).bind('cbox_complete', function () {
                    hbzxJQ("#gaosutapt .pttui a").trigger("click");
                    hbzxJQ("#mepingpt .pttui a").trigger("click");
                });
                $('#cboxOverlay').bind('click', function () {
                    top.location.reload();
                });
                $('#colorbox').on('click', '#cboxClose', function () {
                    if ($(this).siblings('#cboxLoadedContent').children('div').attr('id') == 'deliverResumesSuccess' || $(this).siblings('#cboxLoadedContent').children('div').attr('id') == 'uploadFileSuccess') {
                        top.location.reload();
                    }
                });
                popQR();
            })
        </script>

        <script src="http://api.map.baidu.com/api?v=2.0&amp;ak=3d6a9f4b807441569414b01eecc20959"
                type="text/javascript"></script>
        <script src="http://api.map.baidu.com/getscript?v=2.0&amp;ak=3d6a9f4b807441569414b01eecc20959&amp;services=&amp;t=20140617153133"
                type="text/javascript"></script>
        <script type="text/javascript">
            //百度地图API功能
            var sMap = new BMap.Map("smallmap");
            sMap.enableScrollWheelZoom(true);

            if ($('#positionLat').val() &amp;&amp; $('#positionLng').val()) {
                var sPoint = new BMap.Point($('#positionLng').val(), $('#positionLat').val());
                sMap.centerAndZoom(sPoint, 12);
                sMap.addOverlay(new BMap.Marker(sPoint));              // 将标注添加到地图中

            } else {
                // 创建地址解析器实例
                var sMyGeo = new BMap.Geocoder();
                // 将地址解析结果显示在地图上,并调整地图视野
                sMyGeo.getPoint("广州市天河区珠江新城花城大道18号建滔广场6楼", function (sPoint) {
                    if (sPoint) {
                        sMap.centerAndZoom(sPoint, 16);
                        sMap.addOverlay(new BMap.Marker(sPoint));
                    }
                }, "广州");
            }

            /*弹窗大地图*/
            var map = new BMap.Map("allmap");
            map.addControl(new BMap.NavigationControl());
            map.addControl(new BMap.MapTypeControl());
            map.addControl(new BMap.OverviewMapControl());
            map.enableScrollWheelZoom(true);
            // 创建地址解析器实例
            var gc = new BMap.Geocoder();
            $(function () {
                $('#mapPreview').bind('click', function () {
                    $.colorbox({inline: true, href: "#baiduMap", title: "公司地址"});
                    var address = "广州市天河区珠江新城花城大道18号建滔广场6楼";
                    var city = "广州";
                    var lat = $('#positionLat').val();
                    var lng = $('#positionLng').val();
                    map.setCurrentCity(city);
                    map.setZoom(12);
                    if (lat &amp;&amp; lng) {
                        var p = new BMap.Point(lng, lat);
                        var marker = new BMap.Marker(p);  // 创建标注
                        map.addOverlay(marker);              // 将标注添加到地图中
                        setTimeout(function () {
                            map.centerAndZoom(p, 15);
                        }, 1000);
                        map.setCenter(p);
                        map.setZoom(15);
                        var sContent =
                            "&lt;h4 style='margin:0 0 5px 0;padding:0.2em 0'&gt;" + city + "&lt;/h4&gt;" +
                            "&lt;p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'&gt;" + address + "&lt;/p&gt;" +
                            "&lt;/div&gt;";
                        var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象
                        //图片加载完毕重绘infowindow
                        marker.openInfoWindow(infoWindow);
                    } else {
                        gc.getPoint(address, function (point) {
                            if (point) {
                                var p = new BMap.Point(point.lng, point.lat);
                                var marker = new BMap.Marker(p);  // 创建标注
                                map.addOverlay(marker);              // 将标注添加到地图中
                                setTimeout(function () {
                                    map.centerAndZoom(p, 15);
                                }, 1000);
                                map.setZoom(14);
                                var sContent =
                                    "&lt;h4 style='margin:0 0 5px 0;padding:0.2em 0'&gt;" + city + "&lt;/h4&gt;" +
                                    "&lt;p style='margin:0;line-height:1.5;font-size:13px;text-indent:2em'&gt;" + address + "&lt;/p&gt;" +
                                    "&lt;/div&gt;";
                                var infoWindow = new BMap.InfoWindow(sContent);  // 创建信息窗口对象
                                //图片加载完毕重绘infowindow
                                marker.openInfoWindow(infoWindow);
                            }
                        }, city);
                    }


                });

            });
        </script>
        <div class="clear"></div>
        <input type="hidden" value="6c401d88d0e34445a3482fa27afe4d77" id="resubmitToken">
        <a rel="nofollow" title="回到顶部" id="backtop" style="display: inline;"></a>
    </div><!-- end #container -->
</div><!-- end #body -->
<script src="../static/js/core.min.js" type="text/javascript"></script>
<script src="../static/js/popup.min.js" type="text/javascript"></script>
<script src="../static/js/tongji.js" type="text/javascript"></script>
<!--  -->
<script src="../static/js/analytics01.js" type="text/javascript"></script>
<script type="text/javascript" src="../static/js/h.js"></script>
<script type="text/javascript">
    $(function () {
        $('#noticeDot-1').hide();
        $('#noticeTip a.closeNT').click(function () {
            $(this).parent().hide();
        });
    });
    var index = Math.floor(Math.random() * 2);
    var ipArray = new Array('42.62.79.226', '42.62.79.227');
    var url = "ws://" + ipArray[index] + ":18080/wsServlet?code=314873";
    var CallCenter = {
        init: function (url) {
            var _websocket = new WebSocket(url);
            _websocket.onopen = function (evt) {
                console.log("Connected to WebSocket server.");
            };
            _websocket.onclose = function (evt) {
                console.log("Disconnected");
            };
            _websocket.onmessage = function (evt) {
                //alert(evt.data);
                var notice = jQuery.parseJSON(evt.data);
                if (notice.status[0] == 0) {
                    $('#noticeDot-0').hide();
                    $('#noticeTip').hide();
                    $('#noticeNo').text('').show().parent('a').attr('href', ctx + '/mycenter/delivery.html');
                    $('#noticeNoPage').text('').show().parent('a').attr('href', ctx + '/mycenter/delivery.html');
                } else {
                    $('#noticeDot-0').show();
                    $('#noticeTip strong').text(notice.status[0]);
                    $('#noticeTip').show();
                    $('#noticeNo').text('(' + notice.status[0] + ')').show().parent('a').attr('href', ctx + '/mycenter/delivery.html?tag=0&amp;r=0');
                    $('#noticeNoPage').text(' (' + notice.status[0] + ')').show().parent('a').attr('href', ctx + '/mycenter/delivery.html?tag=0&amp;r=0');
                }
                $('#noticeDot-1').hide();
            };
            _websocket.onerror = function (evt) {
                console.log('Error occured: ' + evt);
            };
        }
    };
    CallCenter.init(url);
</script>

<div id="cboxOverlay" style="display: none;"></div>
<div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;">
    <div id="cboxWrapper">
        <div>
            <div id="cboxTopLeft" style="float: left;"></div>
            <div id="cboxTopCenter" style="float: left;"></div>
            <div id="cboxTopRight" style="float: left;"></div>
        </div>
        <div style="clear: left;">
            <div id="cboxMiddleLeft" style="float: left;"></div>
            <div id="cboxContent" style="float: left;">
                <div id="cboxTitle" style="float: left;"></div>
                <div id="cboxCurrent" style="float: left;"></div>
                <button type="button" id="cboxPrevious"></button>
                <button type="button" id="cboxNext"></button>
                <button id="cboxSlideshow"></button>
                <div id="cboxLoadingOverlay" style="float: left;"></div>
                <div id="cboxLoadingGraphic" style="float: left;"></div>
            </div>
            <div id="cboxMiddleRight" style="float: left;"></div>
        </div>
        <div style="clear: left;">
            <div id="cboxBottomLeft" style="float: left;"></div>
            <div id="cboxBottomCenter" style="float: left;"></div>
            <div id="cboxBottomRight" style="float: left;"></div>
        </div>
    </div>
    <div style="position: absolute; width: 9999px; visibility: hidden; display: none;"></div>
</div>
</body>
</html>